<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>{$car.na}</title>
<link rel="stylesheet" href="__CSS__/swiper-3.4.1.min.css">
<link rel="stylesheet" href="__CSS__/common.css">
<link rel="stylesheet" href="__CSS__/detail.css">
<script src="__JS__/zepto-1.2.0.min.js"></script>
<script src="__JS__/swiper-3.4.1.zepto.min.js"></script>
<script src="__JS__/common.js"></script>
<script src="__JS__/detail.js"></script>
</head>
<body>
<!-- header start -->
<header class="header">
	<div id="detail-slide" class="detail-slide swiper-container">
		<div class="swiper-wrapper">
            <volist name=":explode(',',$car['imgs'])" id="img">
                <div class="swiper-slide"><a href="/index.php?m=App&c=Index&a=detailbig&carno={$car['carno']}&imgs={$car['imgs']}"><img src="__CARIMG__/{$img}_cn.png"></a></div>
            </volist>
		</div>
	</div>
	<a class="header-back" href="javascript:history.back()"></a>
	<p class="header-source">车源号&nbsp;&nbsp;{$car.carno}</p>
	<p class="header-slider-num"><span id="detail-slider-num">1</span>/{$imgcount}</p>
</header>
<!-- header end -->

<!-- title start -->
<p class="detail-title">{$car.na}</p>
<!-- title end -->

<!-- tag start -->
<ul class="tag clearfix">
    <if condition="$car.cw eq '1' "><li>降价急售</li></if>
    <if condition="$car.cf eq '1' "><li>寄售</li></if>
    <if condition="$car.ct eq '1' "><li>今日超值</li></if>
    <if condition="$car.cn eq '1' "><li>准新车</li></if>
    <if condition="$car.cp elt '5' "><li>练手车</li></if>
</ul>
<!-- tag end -->

<!-- price start -->
<ul class="price clearfix">
	<li>
		<p class="price-title">报价</p>
		<p class="price-content orange">{$car.cp}万</p>
		<p class="price-intro">新车{$car.newcarprice}万</p>
	</li>
	<li>
		<a class="service-show" href="javascript:void(0)">
			<p class="price-title">贷款</p>
			<p class="price-content gray ">每月{$car.loany}元</p>
			<span class="price-intro">首期{$car.loanf}万元</span>
		</a>
	</li>
</ul>
<!-- price end -->

<!-- guarantees start -->
<a class="guarantees service-show" href="javascript:void(0)">
	<span>259项检测</span>
	<span>专业陪同过户</span>
    <span>成功购车尊享超值大礼</span>
</a>
<div class="detail-cutline"></div>
<!-- guarantees end -->

<!-- basicinfo start -->
<div class="basicinfo">
	<p class="basicinfo-title">基本信息</p>
	<ul class="basicinfo-list clearfix">
		<li><span>里程：</span>{$car.runlen}万公里</li>
		<li><span>上牌时间：</span>{$car.licdate}</li>
		<li><span>牌照归属：</span>{$car.licplace}</li>
		<li><span>排放标准：</span>{$car.emkind}</li>
		<li><span>变速箱：</span>{$car.gearbox}</li>
		<li><span>排量：</span>{$car.emissions}L</li>
	</ul>
	<a class="basicinfo-link" href="/index.php?m=App&c=Car&a=carss&cfid={$car.cfid}&na={$car.na}&cp={$car.cp}">查看车辆详细信息</a>
</div>
<div class="detail-cutline"></div>
<!-- basicinfo end -->

<!-- owner start -->
<div class="owner">
	<div class="owner-header clearfix">
		<a class="owner-btn" href="tel:400-100-1313">咨询看车</a>
	</div>
</div>
<div class="detail-cutline"></div>
<!-- owner end -->

<!-- ad start -->
<ul class="ad clearfix">
    <li>精品车</li>
    <volist name=":explode(',',$car['light'])" id="ld">
        <li>{$ld}</li>
    </volist>
</ul>
<div class="detail-cutline"></div>
<!-- ad end -->

<!-- pic start -->
<div class="pic">
    <volist name=":explode(',',$car['imgs'])" id="img" key="k">
        <img src="__CARIMG__/{$img}_cn.png">
        <p><span class="pic-title">{$imgnames[$k]}</span></p>
    </volist>
</div>
<!-- pic end -->

<!-- guess start -->
<div class="guess">
	<div class="guess-title">
		<p>为您推荐</p>
	</div>
	<ul class="list">
    <volist name="recommend" id="car">
        <li>
            <a class="clearfix" href="{:U('App/Car/detail',array('id'=>$car['id']))}">
                <volist name=":explode(',',$car['imgs'])" id="vx" offset="0" length='1'>
                    <img src="__CARIMG__/{$vx}_cn.png">
                </volist>
                <p class="list-title">{$car.na}</p>
                <p class="list-info">{$car.ds}</p>
                <p class="list-price">{$car.cp}万<s>新车{$car.newprice}万</s></p>
            </a>
        </li>
     </volist>
     </ul>
	<a class="guess-more" href="/index.php?m=App&c=Index&a=getlist&ci={$Think.session.ci}&pl={$Think.session.mycity}&pa=0&ma=20&or=d">查看更多&gt;&gt;</a>
</div>
<!-- guess end -->

<!-- footer start -->
    <footer class="footer">
        <ul class="footer-links">
            <li>
                <a href="/index.php?m=App&c=Index&a=appqr">APP下载</a>
            </li>
        </ul>
        <p>58链车专注二手车</p>
        <p>服务电话: <a href="tel:400-100-1313">400-100-1313</a></p>
        <p>售后服务专线: <a href="tel:400-100-1313">400-100-1313</a></p>
    </footer>
    <footer class="footer-company">
        四川伍捌链车汽车销售服务有限公司<br>四川省成都市天府新区天府大道南段2039号和美.海堂中心（天府创客）<br>Copyright 2017 www.58lianche.com All Rights Reserved<br>蜀ICP备16031245<br>
    </footer>
<!-- footer end -->

<!-- btn start -->
<ul class="btn-wrap clearfix">
	<li>
		<a href="tel:400-100-1313">咨询车况</a>
	</li>
	<li>
		<a href="tel:400-100-1313">预约看车</a>
	</li>
</ul>
<!-- btn end -->

<!-- service start -->
<div id="service" class="service">
	<p class="service-header">
		<button id="service-close" class="service-close"></button>
		服务介绍
	</p>
	<ul class="service-main">
		<li>
			<p class="service-title">259项目车况检测</p>
			<p class="service-content">专业检测团队，前后两次深度检测，精选放心车源，杜绝重大事故车、火烧车、水泡车。</p>
		</li>
		<li>
			<p class="service-title">专人陪同办理过户</p>
			<p class="service-content">专员会全程协助完成车辆过户操作。为保障您的合法权益，禁止过户前提前交付车款。</p>
		</li>
		<li>
			<p class="service-title">成功购车尊享超值大礼</p>
			<p class="service-content">车辆过户成功后，即可联系当地服务顾问获得超值大礼。</p>
		</li>
	</ul>
</div>
<!-- service end -->

<button id="totop" class="totop"></button>
</body>
</html>